import { defineComponent, ref, onMounted, computed } from 'vue'
import Draw from './draw'
import { useHomeStore } from '@/store'
import { storeToRefs } from 'pinia'
import { stationList } from '@/constant'

export default defineComponent({
  components: {
    Draw
  },
  setup() {
    const home = useHomeStore();
    home.greenNetTkIncome();
    const { netTk } = storeToRefs(home);



    return () => {
      return <div style="display: flex;flex-direction: column;justify-content: space-around;gap: 20px;">
      <div class="platform-data" style="height: 100px;display: flex;justify-content: space-around;align-items: center;">
        <div class="item" style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
          <span>{netTk.value.xC_TotalTkPrice}</span>
          <span>携程</span>
        </div>
        <div class="item" style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
          <span>{netTk.value.lY_TotalTkPrice}</span>
          <span>隆运</span>
        </div>
        <div class="item" style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
          <span>{netTk.value.zY_TotalTkPrice}</span>
          <span>自营</span>
        </div>
      </div>
      {/* <el-select
        v-model={value}
        placeholder="Select"
      >
        {
          stationList.map((item: any) => {
            return <el-option
              key={item.CarryStaId}
              label={item.张家口}
              value={item.CarryStaId}
            />
          })
        }
      </el-select> */}
      <Draw />
    </div>
    }
  }
})